<template>
    <div>
        <van-tabbar v-model="active" route active-color="orange">
            <van-tabbar-item
                name="home"
                icon="home-o"
                :to="{
                    name: 'home'
                }"
                >首页</van-tabbar-item
            >
            <van-tabbar-item
                name="search"
                icon="label-o"
                :to="{
                    name: 'topic'
                }"
                >专题</van-tabbar-item
            >
            <van-tabbar-item
                name="category"
                icon="apps-o"
                :to="{
                    name: 'category'
                }"
                >分类</van-tabbar-item
            >
            <van-tabbar-item
                name="cart"
                icon="cart-o"
                :to="{
                    name: 'cart'
                }"
                >购物车</van-tabbar-item
            >
            <van-tabbar-item
                name="user"
                icon="user-o"
                :to="{
                    name: 'user'
                }"
                >我的</van-tabbar-item
            >
        </van-tabbar>
    </div>
</template>

<script>
export default {
    name: 'AppTabbar',
    data() {
        return {
            active: 'home'
        }
    }
}
</script>

<style scoped>
</style>